<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
 <h1>登录界面</h1>
 <div>
   <input type="text" name="username" v-model="user.username" placeholder="请输入用户名">
   <input type="text" name="password" v-model="user.password" placeholder="输入密码">
   <input type="button" value="登录"@click="login()">
 </div>

<script src="js/axios.min.js"></script>
<script src="js/vue.js"></script>
<script>
     let v = new Vue({
     el:"div",
       data:{
           user:{
             username:'',password:""
           }
       },methods:{
        login(){
          axios.post("/login",v.user).then(function (response){
             if(response.data==1){

               alert("注册成功");
               location.href="/";
             }else if(response.data==2){
               alert("密码错误")
             }else {
               alert("用户名不存在");
             }
          })
        }
       }
     })
</script>
</body>
</html>